<template>
    <nav-bar>
      <nav-bar-item link="/home" activeTextColor="#000">
        <img src="@/assets/img/navbar/home.svg" alt="" slot="item-icon">
        <img src="@/assets/img/navbar/home_active.svg" alt="" slot="item-icon-active">
        <p slot="item-text">首页</p>
      </nav-bar-item>
      <nav-bar-item link="/category" activeTextColor="red">
        <img src="@/assets/img/navbar/category.svg" alt="" slot="item-icon">
        <img src="@/assets/img/navbar/category_active.svg" alt="" slot="item-icon-active">
        <p slot="item-text">分类</p>
      </nav-bar-item>
      <nav-bar-item link="/shopping" activeTextColor="green">
        <img src="@/assets/img/navbar/shopping.svg" alt="" slot="item-icon">
        <img src="@/assets/img/navbar/shopping_active.svg" alt="" slot="item-icon-active">
        <p slot="item-text">购物车</p>
      </nav-bar-item>
      <nav-bar-item link="/profile" activeTextColor="blue">
        <img src="@/assets/img/navbar/profile.svg" alt="" slot="item-icon">
        <img src="@/assets/img/navbar/profile_active.svg" alt="" slot="item-icon-active">
        <p slot="item-text">我的</p>
      </nav-bar-item>
    </nav-bar>
</template>

<script>
import NavBar from '@/components/navbar/NavBar'
import NavBarItem from '@/components/navbar/NavBarItem'
export default {
    name:"MainNavBar",
    components:{
      NavBar,
      NavBarItem
    },
}
</script>

<style scoped>

</style>